﻿
<style>
    .fuel-surcharge-table table {
        margin-bottom: 0;
    }

    #map-calgary, #map-vancouver {
        background: none;
    }
</style>

<div id="main" class="main-page master-wrapper-main">
    <div class="content">
        <article>
            <div class="clear"></div>
            <div id="coverage-map">

                <div class="window-content service-detail">
                    <div class="coverage-map">
                        <h1>Pickup and Delivery Coverage Maps</h1>
                        <ul>
                            <li><a href="#map-vancouver">Vancouver</a></li>
                        </ul>
                        <div id="map-vancouver">
                            <img alt="SpotsHUB Coverage Map in Lower Mainland" src="/Content/images/lowermainland-coverage-map.png" />
                            <div id="time-vancouver" style="margin-top:20px;">
                                <h3 style="color:rgb(214, 43, 43);">Estimated Delivery Time - Vancouver</h3>
                                <p>Next day delivery is cut off at 12 PM</p>

                                <h3>Zone 1 & Zone 2</h3>
                                <div class="service-detail-table">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th style="width:50%;">Order Ready Time</th>
                                                <th style="width:50%;" class="head-even">Delivery</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr class="row-odd">
                                                <td>Before 12 PM</td>
                                                <td class="cell-even">Next Day Before 4 PM</td>
                                            </tr>
                                            <tr>
                                                <td>After 12 PM</td>
                                                <td class="cell-even">Next Day Before 4 PM *</td>
                                            </tr>
                                            <tr class="row-odd">
                                                <td>Scheduled Pickup</td>
                                                <td class="cell-even">Next Day Before 4 PM</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <ul>
                                    <li style="list-style:none;margin-left:-13px;">* &nbsp;Delivery will be attempted on the next business day if the package can be picked up before 4PM on the same day that the order is placed.</li>
                                    <li style="list-style:none;margin-left:-13px;">* &nbsp;If a pickup is attempted during the scheduled time period but unsuccessful, the order will be cancelled and the delivery fee will not be refunded. A new order is required for driver to attempt pickup again.</li>
                                </ul>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
            <div class="clear-block"></div>
            <div style="position:absolute;margin-top:-5px;" id="regulation">&nbsp;</div>
        </article>

        <article>

            <div class="window-content">
                <div class="service-detail">
                    <h1>Shipping Guides</h1>
                    <h3>Business Invoice Account and Pay Per Use Account</h3>
                    <ul>
                        <li>Same shipping rates for Business Invoice and Pay Per Use Account users</li>
                        <li>Maximum allowable single-side length is 63 in.</li>
                        <li>All measurements are rounded to the closest whole number</li>
                        <li>There are no minimum shipment requirements for Business Invoice and Pay Per Use Account users</li>
                    </ul>


                    <div class="package-presets">
                        <div class="package-preset">
                            <div class="package-preset-wrapper">
                                <img src="/content/images/size-lettersize.png" alt="Letter size package, max weight 66 lb and max 12 in. X 9 in. X 1 in. in dimension.">
                                <span class="package-price">$3.99</span>
                            </div>
                            <div class="text">Letter</div>
                            <div class="measurement">
                                <strong>Max Weight</strong><br />
                                <span>66 lb.</span><br />
                                <strong>Max Size</strong><br />
                                <span>12 in. X 9 in. X 1 in.</span>
                            </div>
                        </div>
                        <div class="package-preset">
                            <div class="package-preset-wrapper">
                                <img src="/content/images/size-small.png" alt="Smll size package, max weight 66 lb and max total size 28 in.">
                                <span class="package-price">$4.99</span>
                            </div>
                            <div class="text">Small</div>
                            <div class="measurement">
                                <strong>Max Weight</strong><br />
                                <span>66 lb.</span><br />
                                <strong>Max Size</strong><br />
                                <span>28 in. total</span>
                            </div>
                        </div>
                        <div class="package-preset">
                            <div class="package-preset-wrapper">
                                <img src="/content/images/size-medium.png" alt="Medium size package, max weight 66 lb and max total size 48 in.">
                                <span class="package-price">$6.99</span>
                            </div>
                            <div class="text">Medium</div>
                            <div class="measurement">
                                <strong>Max Weight</strong><br />
                                <span>66 lb.</span><br />
                                <strong>Max Size</strong><br />
                                <span>48 in. total</span>
                            </div>
                        </div>
                        <div class="package-preset">
                            <div class="package-preset-wrapper">
                                <img src="/content/images/size-large.png" alt="Large size package, max weight 66 lb and max total size 68 in.">
                                <span class="package-price">$8.99</span>
                            </div>
                            <div class="text">Large</div>
                            <div class="measurement">
                                <strong>Max Weight</strong><br />
                                <span>66 lb.</span><br />
                                <strong>Max Size</strong><br />
                                <span>68 in. total</span>
                            </div>
                        </div>
                        <div class="package-preset">
                            <div class="package-preset-wrapper">
                                <img src="/content/images/size-extralarge.png" alt="Extra large size package, max weight 66 lb and max total size 88 in.">
                                <span class="package-price">$12.99</span>
                            </div>
                            <div class="text">Extra Large</div>
                            <div class="measurement">
                                <strong>Max Weight</strong><br />
                                <span>66 lb.</span><br />
                                <strong>Max Size</strong><br />
                                <span>88 in. total</span>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="measurement-sizes">
                            <div class="text">SpotsHUB Maximum Size: L + W + H.</div>
                            <img src="/content/images/measurement-sizes.png" alt="FOr packages, SpotsHUB maximum size equals to the measurement of length, width, and height combined.">
                        </div>
                    </div>


                    <h3>Additional Information</h3>
                    <ul>
                        <li>No monthly fee and no registration fee for using SpotsHUB EXPRESS shipping services</li>
                        <li>No extra fee for pickup service</li>
                    </ul>
                </div>
            </div>
        </article>
    </div>
    <div class="fuel-surcharge-box">
        <div class="icon icon-delete"></div>

        <h2>Fuel Surcharge Policy</h2>
        <div class="window-content">
            <p>SpotsHUB uses a dynamic fuel surcharge for our shipping services, which is based upon the average market price of regular unleaded gasoline in the local shipping area. The fuel surcharge is adjusted periodically; it is calculated using the weekly average prices reported by MJ Ervin and Associates Inc., a company that monitors fuel prices across Canada.</p>
            <p>The fuel surcharge is applied to all shipments regardless of the final destination. It is charged in addition to the total shipping fee.</p>
            <h3>Fuel Surcharge Rate</h3>
            <div class="fuel-surcharge-table">
                <table class="table table-striped">
                    <thead>
                        <tr><th>Effective Date</th><th>Fuel Surcharge Rate</th></tr>
                    </thead>
                    <tbody>
                        <tr class="update"><td>Jan 1 - Mar 31, 2015</td><td>15%</td></tr>
                        <tr class="update"><td>Apr 1 - Jun 31, 2015</td><td>15%</td></tr>
                        <tr class="update"><td>July 1 - Sept 30, 2014</td><td>15%</td></tr>
                        <tr class="update"><td>Oct 1 - Dec 31, 2014</td><td>15%</td></tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>

</div>

<div class="floatbox-background"></div>

<script>
    $(".coverage-map").tabs();
    if (location.search.indexOf("calgary") > 0) {
        $(".coverage-map").tabs({ active: 1 });
    }

    $('.fuel-surcharge').click(function (e) {
        $('.fuel-surcharge-box, .floatbox-background').fadeIn();
        e.preventDefault();
        return false;
    });
</script>
